<template>
  <div>
    <el-form ref="form" :model="form" label-width="80px" :inline="true">
      <el-col class="location">
        <el-form-item label="学生姓名">
          <el-input v-model="form.userName" class="name"></el-input>
        </el-form-item>
        <el-form-item label="学生学号">
          <el-input  v-model="form.usersId" class="name"></el-input>
        </el-form-item>
      </el-col>
      <el-col class="location">
        <el-form-item label="学生学院">
          <el-select v-model="form.userCollege" placeholder="请选择学院" class="name">
            <el-option label="计算机与智能教育学院" value="计算机与智能教育学院"></el-option>
            <el-option label="电子与电气工程学院" value="电子与电气工程学院"></el-option>
            <el-option label="生命科学与技术学院" value="生命科学与技术学院"></el-option>
            <el-option label="数学与统计学院" value="数学与统计学院"></el-option>
            <el-option label="教育科学学院" value="数学与统计学院"></el-option>
            <el-option label="文学与传媒学院" value="文学与传媒学院"></el-option>
            <el-option label="体育科学学院" value="体育科学学院"></el-option>
            <el-option label="化学化工学院" value="化学化工学院"></el-option>
            <el-option label="地理科学学院" value="地理科学学院"></el-option>
            <el-option label="外国语学院" value="外国语学院"></el-option>
            <el-option label="物理科学与技术学院" value="物理科学与技术学院"></el-option>
            <el-option label="社会与公共管理学院" value="社会与公共管理学院"></el-option>
            <el-option label="机电工程学院" value="机电工程学院"></el-option>
            <el-option label="食品科学与工程学院" value="食品科学与工程学院"></el-option>
            <el-option label="商学院" value="商学院"></el-option>
            <el-option label="音乐与舞蹈学院" value="音乐与舞蹈学院"></el-option>
            <el-option label="法政学院" value="法政学院"></el-option>
            <el-option label="美术与设计学院" value="美术与设计学院"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="学生专业">
          <el-input  v-model="form.userMajor" class="name"></el-input>
        </el-form-item>
      </el-col>
      <el-col class="location">
        <el-form-item label="学生班级">
          <el-input  v-model="form.userClass" class="name"></el-input>
        </el-form-item>
        <el-form-item label="扣分原因">
          <el-input  v-model="form.addCause" class="name"></el-input>
        </el-form-item>
      </el-col>
      <el-col class="location">
        <el-form-item label="所扣分数">
          <el-input  v-model.number="form.addScore" class="name"></el-input>
        </el-form-item>
        <el-form-item label="扣分类型">
          <el-select v-model="form.addType" placeholder="请选择加分类型">
            <el-option label="德育分" value="德育分"></el-option>
            <el-option label="文体分" value="文体分"></el-option>
            <el-option label="技能分" value="技能分"></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col class="location">
        <el-form-item>
          <el-button type="primary" @click="onSubmit" size="20px"> 提  交 </el-button>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>

<style scoped>
.name{
  width:220px;
  text-align: center;
}
.location{
  text-align: center;
}
</style>

<script>
import axios from "axios";

export default {
  name:'MarkDown',
  data() {
    return {
      form: {},
      rules:{
        addScore: [{required: true, message: '请填写分数', trigger: 'blur'},
          {type: 'number', message: '分数必须是一个数字'}]
      }
    }
  },
  methods: {
    onSubmit() {
      axios.post('/api/marks/change?fractionFlag=0',this.form).then((res)=> {
        if (res.data.resultCode == "200") {
          this.$message.success(res.data.message)
        } else {
          this.$message.error(res.data.message)
        }
      })
    }
  }
}
</script>
